<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>地区统计</title>
<link rel="stylesheet" href="/assets/css/stylearea.css" media="screen" type="text/css" />
<style type="text/css">body{width: 98%;}</style>
</head>

<body>
<volist name="regionlist" id="v">
	<div class="skillbar clearfix " data-percent="{$v['scale']}%">
		<div class="skillbar-title" style="background: #{$v['bg2']};"><span>{$v['region']}</span></div>
		<div class="skillbar-bar" style="background: #{$v['bg1']};"></div>
		<div class="skill-bar-percent">{$v['scale']}%</div>
	</div>
</volist>
<script src='/assets/js/jquery.js'></script>
<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery('.skillbar').each(function(){
			jQuery(this).find('.skillbar-bar').animate({
				width:jQuery(this).attr('data-percent')
			},2000);
		});
	});
</script>
</body>
</html>